<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>酒店详情</title>
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-touch-fullscreen" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<meta name="format-detection" content="address=no">
		<link rel="stylesheet" type="text/css" href="css/common.css">
		<link rel="stylesheet" type="text/css" href="css/index.css">
		<link rel="stylesheet" type="text/css" href="css/mui.min.css"/>
		<link rel="stylesheet" href="css/reset.css">
		<script src="js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/iscroll.js"></script>
		<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
		<script src="js/hmt.js" type="text/javascript"></script>
		<script type="text/javascript" src="js/index.js"></script>
		<script src="js/swiper.min.js" type="text/javascript" ></script>
	</head>
	<body>
		<header class="hasManyCity hasManyCitytwo" id="header">
			<a href="javascript:history.go(-1)" class="fl fanhui"><i class="iconfont icon-fanhui"></i></a>
			<div class="header-tit">
				如家快捷酒店
			</div>
			<a href="setup.html" class="fr shoucang sousuo"><i class="iconfont icon-fenxiang"></i></a>
			<a href="#" class="fr shoucang sousuo"><i class="iconfont icon-xihuan1"></i></a>		
		</header>
		
		<div id="container">		
			<div id="main">
				<div class="deal">
					<div class="list">
						<section class="in-banner">
							<div class="swiper-container swiper-container1">
								<div class="swiper-wrapper bannerwidth">
									<div class="swiper-slide">
										<a href="#">
											<img src="img/thumb_553a14d84d4f2.jpg">
										</a>
									</div>
									<div class="swiper-slide">
										<a href="#">
											<img src="img/thumb_553a14d84d4f2.jpg">
										</a>
									</div>
									<div class="swiper-slide">
										<a href="#">
											<img src="img/thumb_553a14d84d4f2.jpg">
										</a>
									</div>
								</div>						
							</div>							
						</section>
						<dl class="list list-in">							
							<dd class="dd-padding agreement">
								<ul class="agree">
									<li class="color-ok"><i class="text-icon">◐</i>支持随时退款
									</li>
									<li class="color-ok"><i class="text-icon">◐</i>支持过期自动退
									</li>
								</ul>		
							</dd>
						</dl>
					</div>
					
					<dl class="list">
						<dd>
							<dl>
								<dd class="dd-padding">
									<div class="merchant">
										<div class="biz-detail">
											<a class="react" href="#" title="">
												<div class="address single-line">蜀山区黄山路与怀宁路交口1912街区1号楼</div>
												<div class="dist">
													<i class="text-icon">⦿</i>
													<span class="dist-title">离我最近</span>
												</div>
											</a>
										</div>
										<div class="biz-call">
											<a class="react phone" href="javascript:void(0);">
												<i class="text-icon">✆</i>
											</a>
										</div>
									</div>
								</dd>
							</dl>
						</dd>
					</dl>
					<dl class="list">
						<dd>
							<dl>
								<dd class="dd-padding hoteldt">
									<select name="">
										<option value="">2016-01-01</option>
									</select>&nbsp;
									入住
									----
									<select name="">
										<option value="">2016-01-01</option>
									</select>&nbsp;
									离店<br /><br />
									<span>共计<em>5</em>天</span>
								</dd>
							</dl>
						</dd>
					</dl>
					<dl class="list">
						<dt>可定房间</dt>
						<dd class="hotel-ding clearfloat">
							<div class="htlist clearfloat">
								<div class="left clearfloat fl">
									<span></span>
									<img src="img/thumb_543ba5688cb7b.jpg"/>
								</div>
								<div class="middle clearfloat fl">
									<ul>
										<li class="bt">这里是房型</li>
										<li class="jiage">¥400</li>
										<li class="shu">剩余<span>4</span>间</li>
									</ul>
								</div>
								<a href="hotel-torder.html" class="hotel-btn fr db">
									订
								</a>
							</div>
							<div class="htlist clearfloat">
								<div class="left clearfloat fl">
									<span></span>
									<img src="img/thumb_543ba5688cb7b.jpg"/>
								</div>
								<div class="middle clearfloat fl">
									<ul>
										<li class="bt">这里是房型</li>
										<li class="jiage">¥400</li>
										<li class="shu">剩余<span>4</span>间</li>
									</ul>
								</div>
								<a href="hotel-torder.html" class="hotel-btn fr db">
									订
								</a>
							</div>
						</dd>
					</dl>		
					<dl class="list">
						<dt>使用详情</dt>
						<dd class="dd-padding">
							<ul>
								<li>
									<div class="tip-title">有效期</div>
									<div class="tip-des">2015.11.30 至 2016.11.24（周末、法定节假日通用）</div>
								</li>
								<li>
									<div class="tip-title">使用时间</div>
									<div class="tip-des">09:30-24:00</div>
								</li>
								<li>
									<div class="tip-title">使用规则</div>
									<ul class="ul">
										<li>无需预约，消费高峰时可能需要等位</li>
										<li>停车位收费标准：有停车位 提供免费WiFi 团购用户不可同时享受商家其他优惠
										</li>
									</ul>
								</li>
							</ul>
						</dd>
					</dl>			
					<dl class="list feedback-wrapper">
						<dd>
							<a class="react" href="#">
								<div class="more more-weak comment-headline">			
									<span class="stars">
										<i class="text-icon icon-star"></i>
										<i class="text-icon icon-star"></i>
										<i class="text-icon icon-star"></i>
										<i class="text-icon icon-star-gray">
										<i class="text-icon icon-star-half"></i>
										</i><i class="text-icon icon-star-gray"></i>
										<em class="star-text">3.7</em>
									</span>
									<span class="pull-right">1300人评价</span>
								</div>
							</a>
						</dd>
					</dl>			
				</div>				
			</div>
		</div>		
	</body>
</html>
